<div class="data-info" ng-show="roleInfo.moduleIds.indexOf(200511) !== -1">
  <md-toolbar>
    <h2 class="md-toolbar-tools">
      <span>数据字典</span>
      <span flex></span>
      <md-button aria-label="关闭" ui-sref="sas.dataQualityMng"><i class="glyphicon glyphicon-remove"></i></md-button>
    </h2>
  </md-toolbar>
  <div class="dataQualityMng dataDic clearfix">
    <div class="left">
      <div class="item-box">
        <div class="item-title">数据库</div>
        <div class="database">
          <div class="item clearfix" ng-class="{'active_dataDic':$index===dataDic.selectedDBidx}"
               ng-repeat="database in dataDic.databaseList"
               title="{{database.schemaComment}}" ng-click="dataDic.queryTable($index, database.schema)">
            <div class="right-col">{{database.schema}}</div>
          </div>
        </div>
        <core-loading ng-show="dataDic.dbLoading"></core-loading>
      </div>
    </div>
    <div class="right">
      <div class="item-box" style="margin-bottom: 10px;">
        <div class="item-title">数据表</div>
        <div class="data-table">
          <div class="item clearfix" style="background-color: #DCE4E7;">
            <div class="left-col">表名</div>
            <div class="right-col">描述</div>
          </div>
          <div class="item clearfix" ng-class="{'active_dataDic':$index===dataDic.selectedTableidx}"
               ng-repeat="table in dataDic.tableList" ng-click="dataDic.queryTableDetail($index, table.table)">
            <div class="left-col"><span ng-class="{'light-item':table.tableLight}">{{table.table}}</span></div>
            <div class="right-col"><span ng-class="{'light-item':table.tableLightComment}">{{table.tableComment}}</span>
            </div>
          </div>
        </div>
        <core-loading ng-show="dataDic.tableLoading"></core-loading>
      </div>
      <div class="item-box">
        <div class="item-title clearfix" style="padding: 8px 12px;">
          <div style="float: left; width: 100px; padding-top: 16px;">表明细</div>
          <div style="float: left; width: 180px;">
            <md-input-container style="padding: 4px;">
              <input ng-model="dataDic.searchField">
            </md-input-container>
          </div>
          <div class="clearfix" style="float: left; width: 160px; padding-left: 10px;">
            <md-radio-group ng-model="dataDic.searchType">
              <md-radio-button value="tableName" style="float: left; margin: 10px 0 0 0;">表名</md-radio-button>
              <md-radio-button value="fieldName" style="float: left; margin: 10px 0 0 0;">字段名</md-radio-button>
            </md-radio-group>
          </div>
          <div style="float: left; width: 38px;">
            <md-button ng-click="dataDic.search()"
                       style="background-color: #FF9800 !important; margin: 0; height: 38px; width: 38px; line-height: 36px; padding-top: 2px;"
                       class="md-fab md-primary md-hue-1">
              <i class="glyphicon glyphicon-search"></i>
            </md-button>
          </div>
        </div>
        <div class="table-detail">
          <table class="table table-bordered">
            <thead>
            <tr>
              <th style="width: 15%;">字段名称</th>
              <th style="width: 35%;">字段描述注释</th>
              <th style="width: 10%;">数据类型</th>
              <th style="width: 10%;">是否为空</th>
              <th style="width: 10%;">是否为主键</th>
              <th style="width: 10%;">是否为外键</th>
              <th style="width: 10%;">默认值</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="column in dataDic.tableColumnList">
              <td><span ng-class="{'light-item':column.fieldLight}">{{column.column}}</span></td>
              <td><span ng-class="{'light-item':column.fieldLightComment}">{{column.columnComment}}</span></td>
              <td>{{column.columnType}}</td>
              <td>{{column.isNullable}}</td>
              <td>{{column.isPriKey}}</td>
              <td>{{column.isForKey}}</td>
              <td>{{column.defaultVal}}</td>
            </tr>
            </tbody>
          </table>
        </div>
        <core-loading ng-show="dataDic.detailLoading"></core-loading>
      </div>
    </div>
  </div>
</div>